import { useState } from "react";

function Son({ getSonMsg }) {
  const sonMsg = "hello Son?";
  return (
    <div>
      Son
      <button onClick={() => getSonMsg(sonMsg)}>带你我</button>
    </div>
  );
}

function App() {
  const [msg, setMsg] = useState("");
  const getMsg = (msg) => {
    console.log(msg);
    setMsg(msg);
  };
  return (
    <div className="App">
      Hello World! {msg}
      <Son getSonMsg={getMsg} />
    </div>
  );
}

export default App;
